<template>
  <great></great>
  <div class="footer">
    <!-- 版权 -->
      <section>
        <div>
          <p class="user-select-none">ICP证：晋ICP备XXXX号 © {{ thisYear }} All rights reserved. CIC开发社 版权所有</p>
          <p class="user-select-none" style="text-align: center;font-size: 20px">版本号： V3.2.11</p>
        </div>
    </section>
  </div>
</template>

<script>
import great from "@/views/About/Great.vue";
export default {
  name: "vFooter",
  components: {
    great,
  },
  computed: {
    thisYear() {
      return new Date().getFullYear();
    },
  }
}
</script>

<style lang="scss" scoped>
.user-select-none {
  user-select: none;
}
.footer {
  margin-top: 20px;
  background: url("@/assets/image/正交全景图.png") center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  width: 100%;
  height: 10vw;
  p {
    font-size: 10px
  }
}

@keyframes jt {
  0% {
    font-size: 1rem;
  }

  50% {
    font-size: 1.45rem;
  }
  100% {
    font-size: 1rem;
  }
}

/* md以下 手机 */
@media (max-width: 767px) {
  .footer {
    text-align: center;

  }

}

@media (min-width: 1024px) {
  .md-maring {
    margin-top: 60px;
    height: 250px;
  }
  .footer{
    p {
      font-size: 25px
    }
  }
}
</style>
